import 'package:flutter/material.dart';

main() {
  runApp(MaterialApp(theme: ThemeData.dark(), home: Home()));
}

class Home extends StatelessWidget {
  const Home({super.key});

  @override
  Widget build(BuildContext context) {
    // return const Text('flutter');
    return Scaffold(
      appBar: AppBar(
        title: const Text('FLUTTER'),
        centerTitle: true,
        backgroundColor: Colors.lightGreen,
      ),
      // body: const Text('ok'),

      // body: Image.asset(
      //   'images/pic.jpg',
      //   height: 200,
      //   width: 200,
      //   fit: BoxFit.cover
      // ),

      // body: Image.network(
      //   'https://www.bing.com/th?id=OHR.SilencioSpain_ZH-CN2955614478_1920x1080.webp&qlt=50',
      //   height: 1000,
      //   fit: BoxFit.fitHeight,
      // ),

      // body: const CircleAvatar(
      //   backgroundImage: NetworkImage(
      //       https://www.bing.com/th?id=OHR.SilencioSpain_ZH-CN2955614478_1920x1080.webp&qlt=50'),
      //   radius: 60,
      // )

      // body: const FadeInImage(
      //   placeholder: AssetImage('images/pic.jpg'),
      //   image: NetworkImage(
      //     'https://www.bing.com/th?id=OVFT.00pvpG2J1rSzcg8ER7DuTi&w=186&h=88&c=7&rs=2&qlt=80&pid=PopNow'
      //   ),
      // ),

      // body: const Row(
      //   children: [
      //     Text('data-1 '),
      //     Text('data-2 '),
      //     Text('data-3 '),
      //     Text('data-4 '),
      //     Text('data-5 '),
      //   ],
      // ),

      // body: const Column(
      //   children: [
      //     Text('data-1'),
      //     Text('data-2'),
      //     Text('data-3'),
      //     Text('data-4'),
      //     Text('data-5'),
      //   ],
      // ),

      // body: const Column(
      //   children: [
      //     Row(
      //       children: [
      //         Text('1-1 '),
      //         Text('1-2 '),
      //         Text('1-3 '),
      //         Text('1-4 '),
      //       ],
      //     ),
      //     Row(
      //       children: [
      //         Text('2-1 '),
      //         Text('2-2 '),
      //         Text('2-3 '),
      //         Text('2-4 '),
      //       ],
      //     ),
      //   ],
      // ),

      body: Row(
        children: [
          ElevatedButton(
            child: const Text('Download'),
            onPressed: () {
              print('BTN-1');
            },
            // style: ButtonStyle(
            //     backgroundColor: MaterialStateProperty.all(Colors.pink)),
            style: ElevatedButton.styleFrom(backgroundColor: Colors.purple),
          ),
          TextButton(
              onPressed: () {
                print('BTN-2');
              },
              child: const Icon(Icons.back_hand)),
          OutlinedButton(
              onPressed: () {
                print('BTN-3');
              },
              child: const Text('Submit'))
        ],
      ),
      floatingActionButton:
          FloatingActionButton(onPressed: fun1, child: const Icon(Icons.add)),
    );
  }

  void fun1() {
    print('floating button is clicked');
  }
}
